<template>
	<view class="container">
		<view class="header">
			<view class="title">关于</view>
		</view>
		
		<view class="app-info">
			<image class="logo" src="/static/logo.png" mode="aspectFit"></image>
			<view class="app-name">绿茵裁判通</view>
			<view class="app-version">v1.0.0</view>
		</view>
		
		<!-- 应用简介 -->
		<view class="app-intro">
			<view class="intro-title">应用简介</view>
			<view class="intro-text">
				"绿茵裁判通"是一款专为足球裁判员和裁判监督设计的学习平台，旨在帮助用户系统学习足球比赛规则，提高裁判技能和水平。
			</view>
			<view class="intro-text">
				本应用提供了丰富的学习资源，包括足球规则文本、在线考试等功能，帮助用户全面掌握足球裁判知识，提高执裁水平。
			</view>
		</view>
		
		<view class="menu-list">
			<view class="menu-item" @click="openPlatformBrand">
				<text class="menu-text">平台与品牌声明</text>
				<text class="menu-arrow">></text>
			</view>
			
			<view class="menu-item" @click="openUserAgreement">
				<text class="menu-text">用户协议</text>
				<text class="menu-arrow">></text>
			</view>
			
			<view class="menu-item" @click="openPrivacyPolicy">
				<text class="menu-text">隐私政策</text>
				<text class="menu-arrow">></text>
			</view>
		</view>
		
		<view class="footer-info">
			<view class="info-item">
				<text class="info-text">违法和不良信息举报电话：19921871707/16602141543</text>
			</view>
			<view class="info-item">
				<text class="info-text">举报邮箱：lijiangjun13@163.com</text>
			</view>
			<view class="info-item">
				<text class="info-text icp-text">ICP备案号：<text class="link-text">桂ICP备2025060048号-1X</text></text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 打开平台与品牌页面
			openPlatformBrand() {
				uni.navigateTo({
					url: '/packageMy/my/platform-brand'
				});
			},
			
			// 打开用户协议
			openUserAgreement() {
				uni.navigateTo({
					url: '/packageMy/my/user-agreement'
				});
			},
			
			// 打开隐私政策
			openPrivacyPolicy() {
				uni.navigateTo({
					url: '/packageMy/my/privacy-policy'
				});
			}
		}
	}
</script>

<style>
	.container {
		min-height: 100vh;
		background-color: #F5F5F5;
	}
	
	/* 头部样式 */
	.header {
		background-color: #FFFFFF;
		padding: 30rpx;
		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
	}
	
	.title {
		font-size: 36rpx;
		font-weight: bold;
		color: #333333;
		text-align: center;
	}
	
	/* 应用信息样式 */
	.app-info {
		background-color: #FFFFFF;
		padding: 40rpx;
		margin-top: 20rpx;
		text-align: center;
	}
	
	.logo {
		width: 120rpx;
		height: 120rpx;
		margin-bottom: 20rpx;
	}
	
	.app-name {
		font-size: 32rpx;
		font-weight: bold;
		color: #333333;
		margin-bottom: 10rpx;
	}
	
	.app-version {
		font-size: 24rpx;
		color: #999999;
	}
	
	/* 应用简介样式 */
	.app-intro {
		background-color: #FFFFFF;
		padding: 40rpx;
		margin-top: 20rpx;
	}
	
	.intro-title {
		font-size: 30rpx;
		font-weight: bold;
		color: #333333;
		margin-bottom: 20rpx;
	}
	
	.intro-text {
		font-size: 28rpx;
		color: #666666;
		line-height: 1.6;
		margin-bottom: 20rpx;
		text-align: justify;
	}
	
	/* 菜单列表样式 */
	.menu-list {
		background-color: #FFFFFF;
		margin-top: 20rpx;
	}
	
	.menu-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 30rpx 40rpx;
		border-bottom: 1rpx solid #F0F0F0;
	}
	
	.menu-item:last-child {
		border-bottom: none;
	}
	
	.menu-text {
		font-size: 28rpx;
		color: #333333;
	}
	
	.menu-arrow {
		font-size: 24rpx;
		color: #CCCCCC;
	}
	
	/* 底部信息样式 */
	.footer-info {
		padding: 40rpx;
		margin-top: 40rpx;
	}
	
	.info-item {
		margin-bottom: 20rpx;
	}
	
	.info-text {
		font-size: 24rpx;
		color: #999999;
		line-height: 1.5;
	}
	
	.link-text {
		color: #007AFF;
	}
	
	.icp-text {
		color: #999999;
	}
</style> 